﻿<div ng-controller="feeSettlePayManageController" dw-loading="feeLoad" dw-loading-options="{text: '支付中...',}">
<div class="bg-light lter b-b wrapper-sm">
	<h1 class="m-n font-thin h4">付款管理</h1>
</div>
<div class="wrapper-sm">
	<div class="panel panel-default">
		<div class="panel-heading font-bold">查询</div>
		<div class="panel-body">
			<label class="control-label pull-left m-t-xs w-xs">应付总编号</label>

			<div class="col-md-2 form-group">
				<input type="text" class="form-control input-sm" id="feeSettlePayCtrl_feeSettleBillCode" ng-model="queryTerms.feeSettleBillCode" placeholder="请输入应付总编号" name="feeSettleBillCode">
			</div>
			<label class="control-label pull-left m-t-xs w-xs">结算承运商</label>
			<div class="col-md-2 form-group">
				<input type="text" class="form-control input-sm" id="feeSettlePayCtrl_carrierName" ng-model="queryTerms.carrierName" placeholder="请输入结算承运商" name="carrierName">
			</div>
			<label class="control-label pull-left m-t-xs w-xs">付款方式</label>
			<div class="col-md-2 form-group">
				<select class="form-control input-sm" id="feeSettlePayCtrl_paymentMethod" name="feeSettlePayCtrl_paymentMethod" ng-model="queryTerms.paymentMethod" ng-options="x.value as x.text for x in paymentMethodDropDown">
					<option value="">全部</option>
				</select>
			</div>
			<label class="control-label pull-left m-t-xs w-xs">合同号</label>
			<div class="col-md-2 form-group">
				<input type="text" class="form-control input-sm" id="feeSettlePayCtrl_contractNumber"  ng-model="queryTerms.contractNumber" placeholder="合同号" name="contractNumber">
			</div>
			<div class="line line-xs pull-in"></div>
			<label class="control-label pull-left m-t-xs w-xs">结算起始时间</label>
            <div class="col-md-2 col-xs-12 form-group">
                <div class="input-group input-group-sm date">
                    <input id="dataTime" datetimepicker plugintype="datetime" name="dataTime" ng-model="queryTerms.startTime" placeholder="起始时间" class="form-control" type="text" />
                    <span id="opendataTime" class="input-group-addon curpoint">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>

			<label class="control-label pull-left m-t-xs w-xs">结算结束时间</label>
            <div class="col-md-2 col-xs-12 form-group">
                <div class="input-group input-group-sm date">
                    <input id="dataTimeEnd" name="dataTimeEnd" datetimepicker plugintype="datetime" ng-model="queryTerms.endTime" placeholder="结束时间" class="form-control" type="text" />
                    <span id="opendataTimeEnd" class="input-group-addon curpoint">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
		
			<label class="control-label pull-left m-t-xs w-xs">结算人员</label>
			<div class="col-md-2 form-group">
				<select class="form-control input-sm" id="feeSettlePayCtrl_reckonerId" name="feeSettlePayCtrl_reckonerId" ng-model="queryTerms.reckonerId" ng-options="x.id as x.realName for x in reckonerIdListDropDown">
					<option value="">全部</option>
				</select>
			</div>
			<label class="control-label pull-left m-t-xs w-xs">费用状态</label>
			<div class="col-md-2 form-group">
				<select class="form-control input-sm" id="feeSettlePayCtrl_feeStatus" name="feeSettlePayCtrl_feeStatus" ng-model="queryTerms.feeStatus" ng-options="x.value as x.text for x in feeStatusListDropDown">
					<option value="">全部</option>
				</select>
			</div>
            <div class="line line-xs pull-in"></div>

            
			<label class="control-label pull-left m-t-xs w-xs">费用金额</label>
			<div class="col-md-2 form-group">
				<input type="text" class="form-control input-sm" id="fa-searchz" ng-model="queryTerms.feeTotal" placeholder="请输入费用金额" name="feeTotal">
            </div>
            
            <label class="control-label pull-left w-xs"></label>
            <div class="col-md-2 col-xs-12"></div>
            <label class="control-label pull-left w-xs"></label>
            <div class="col-md-2 col-xs-12"></div>
			<label class="control-label pull-left m-t-xs w-xs"></label>
            <div class="col-md-2 col-xs-12">
                <button id="feeSettlePayCtrl_queryFunc" ng-click="queryFunc()" class="btn btn-sm btn-default btn-addon" ng-class="{'disabled':querying}" ng-disabled="querying">
                    <i class="fa fa-search" ng-show="!querying"></i>
                    <i class="fa fa-spinner no-bordr" ng-show="querying" ng-class="{'fa-spin':querying}"></i>
                    <span ng-show="!querying">查询</span>
                    <span ng-show="querying">查询中...</span>
                </button>
            </div>
		</div>
	</div>

	<div class="panel panel-default">
		<div class="panel-heading">
			付款列表
		</div>
		<div class="table-responsive">
			<div ui-grid="gridOptions" ui-grid-selection ui-grid-pagination ui-grid-auto-resize style="height:{{heightA}}px; min-width:1000px; min-height:395px; overflow-y:hidden;">
                <div class="watermark" ng-if="!gridOptions.data.length">暂无数据</div>
            </div>

		</div>
        <div class="panel-body">
            <label class="pull-left control-label">已选中费用</label>
            <div class="col-lg-7">
                <span class="ui-select-bootstrap dropdown form-control">
                    <span ng-repeat="item in selectedFeePayListInfo">
                        <span style="margin-right: 3px; margin-bottom:3px;" class="ui-select-match-item btn btn-default btn-xs">
                            <span class="close ui-select-match-close" ng-click="deleteSelectedPayData(item.id)">&nbsp;×</span>
                            <span>{{item.billCode}}</span>
                        </span>
                    </span>
                </span>
            </div>
            <div class="line  pull-in"></div>
            <div class="form-group pull-left">
                <button id="feeSettlePayCtrl_selectedAll" ng-click="selectedAll()" class="pull-right-xs btn btn-sm btn-success btn-addon "><i class="fa fa-check-square-o"></i>全选</button>
                <button id="feeSettlePayCtrl_clearSelectAll" ng-click="clearSelectAll()" class="pull-right-xs btn btn-sm btn-danger btn-addon "><i class="fa fa-trash-o"></i>清空费用</button>
                <button id="feeSettlePayCtrl_backEvent" class="pull-right-xs btn btn-sm btn-danger btn-addon" ng-if="canSettleReturnBtn" ng-click="backEvent()"><i class="fa fa-mail-reply-all"></i>退回</button>
                <button id="feeSettlePayCtrl_settlePay" class="pull-right-xs btn btn-sm btn-success btn-addon" ng-if="canSettlePayBtn" ng-click="settlePay()"><i class="fa fa-check-circle"></i>付款</button>
                <!--<button class="pull-right-xs btn btn-sm btn-info btn-addon" ng-click="settleDetail()"><i class="fa fa-eye"></i>查看详情</button>-->
                <button id="feeSettlePayCtrl_exportEvent" ng-click="exportFunc()" class="pull-right-xs btn btn-sm btn-success btn-addon "><i class="fa fa-download"></i>导出</button>
            </div>
        </div>
	</div>

    <!--修改账户信息-->
    <div class="modal fade bs-example-modal-lg" id="bankInfo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button id="feeSettlePayCtrl_close" type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="bankInfoModalLabel">因网银错误，无法继续支付，请重新填写账户信息</h4>
                </div>

                <div class="modal-body">
                    <form class="form-horizontal" id="form">
                        <div class="form-group">
                            <label class="col-lg-3 control-label">银行卡号</label>
                            <div class="col-lg-6">
                                <input type="text" class="form-control input-sm" id="feeSettlePayCtrl_bankCode" ng-model="bankCode" ng-change="getBankName()"  placeholder="请填写银行卡号" name="bankCode">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-3 control-label">开户行</label>
                            <div class="col-lg-6">
                                <input type="text" class="form-control input-sm" id="feeSettlePayCtrl_bankName" ng-model="bankName" ng-disabled="openBankDis" placeholder="" name="bankName">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-3 control-label">持卡人姓名</label>
                            <div class="col-lg-6">
                                <input type="text" class="form-control input-sm" id="feeSettlePayCtrl_holder" ng-model="holder" placeholder="请填写持卡人姓名" name="holder">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button id="feeSettlePayCtrl_cencal" type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button id="feeSettlePayCtrl_paySave" type="button" class="btn btn-primary" ng-click="paySave()">确定</button>
                </div>
            </div>
        </div>
    </div>



    <!--定时器-->
    <!--<div class="modal fade" id="intervalM"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"  data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">模态框（Modal）标题</h4>
                </div>
                <div class="modal-body">正在向支付系统发送请求，请稍后 ({{time}})</div>
                <div class="modal-footer">
                    
                </div>
            </div>
        </div>
    </div>-->
</div>
</div>
